<script setup lang="ts">
const foots = [
    {
        path: "/home",
        name: 'home',
        text: "首页",
        icon: "home-o"
    },
    {
        path: "/category",
        name: 'category',
        text: "分类",
        icon: "apps-o"
    },
    {
        path: "/car",
        name: 'car',
        text: "购物车",
        icon: "cart-o"
    },
    {
        path: "/main",
        name: 'main',
        text: "我的",
        icon: "user-o"
    },
]
</script>


<template>
    <van-tabbar fixed border route active-color="#ee0a24">
        <van-tabbar-item replace :to="item.path" :icon="item.icon" v-for="(item, index) in foots" :key="index">
            {{ item.text }}
        </van-tabbar-item>
    </van-tabbar>
</template>